<template>
	<div class="page3">
		<component :is="currentCom" :src="info.banner" :poster="info.banner_images"></component>
		<div style="padding-bottom: 100px;">
			<div>
				<div class="tit">
					<span>展会详情</span>
				</div>
				<div class="con1" v-html="info.desc">
				</div>
			</div>
			<div>
				<div class="tit">
					<span>宣传海报</span>
				</div>
				<div class="con">
					<img :src="info.haibao" />
				</div>
			</div>
			<Bottom></Bottom>
		</div>
	</div>
</template>

<script>
// import VideoBox from '@/pages/home/videoBox.vue'
import Bottom from '@/pages/home/bottom.vue'
import Video from '@/pages/home/video.vue'

// import { video } from '@/api/app.js'
// import banner from '@/assets/images/sxt/sxt_banner.jpg'
export default {
	components: {
    Bottom
  },
  data() {
    return {
      active: 1,
      info: this.$store.state.active,
			user: this.$store.state.user,
			currentCom: ''
    };
  },
  created() {
  	if(!this.user.mobile) {
  		this.$router.push({name: 'Index'})
  		return 
  	}
  	this.currentCom = Video
  }
};	
</script>

<style scoped>
	.page3{
		width: 100%;
		height: 100vh;
		background-color: #fff;
		/* overflow: hidden; */
	}
	.page3>img{
		width: 100%;
		height: 40%;
	}
	.page3 .tit{
		border-bottom: 1px solid #e2e2e2;
		border-top: 1px solid #e2e2e2;
		font-size: 15px;
		font-weight: bold;
		line-height: 34px;
	}
	.page3 .tit span{
		border-left: 3px solid #ea5504;
		margin-left: 0.3rem;
		padding-left: 0.1rem;
	}
	.page3 .con1{
		margin: 5px .3em;
		max-height: 5rem;
		font-size: 13px;
		overflow: hidden;
	}
	.page3 .con1 img{ width: 100%; }
	.page3 .con img{ width: 100%; }
</style>
